<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

	</head>
	<body>
		<div>

			<div style="margin-top: 20px;">
				<dl>
					<dt>
						导出样式
					</dt>
				</dl>
			</div>

			<div>
				<span>导出类别<select style="width: 105px; height: 24px">

						<option>
							月迟到人数总览
						</option>

						<option>
							周迟到人数总览
						</option>
					</select> </span>

				<span>导出样式<select
						onchange="showChart(this.options[this.selectedIndex].value);"
						style="width: 105px; height: 24px">

						<option value="1">
							折线图
						</option>

						<option value="2">
							柱状图
						</option>
					</select> </span>
				<span> <input
						style="float: right; width: 80px; margin: 0px 100px 0 0"
						type="submit" value="导出" class="btnalt" /> </span>
			</div>
			<br />
			<div>
				<dl>
					<dt>
						报表预览
					</dt>
				</dl>
			</div>
			<div class="picLook" id="picLook">

			</div>
		</div>

		<script language="javascript" type="text/javascript">
function showChart(type) {
	var picLook = document.getElementById('picLook');
	if (type == 1) {
		picLook.innerHTML = '<iframe frameborder=NO width=100% height=350 src="attendinfo/basic.html"></iframe>';
	} else {
		picLook.innerHTML= '<iframe frameborder=NO width=100% height=350 src="attendinfo/graphtypes.html"></iframe>';
	}
}
</script>

		<script language="javascript" type="text/javascript">

var hl = document.getElementById("high3");
hl.setAttribute("id", "active2");
</script>
	</body>
</html>